<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #green {
            height: 800px;
            background: green;
        }

        #blue {
            height: 800px;
            background: blue;
        }

        #pink {
            height: 800px;
            background: pink;
        }

        #yellow {
            height: 800px;
            background: yellow;
        }
    </style>
</head>
<body>
<!--
a标签                    超链接标签
特点：
    1、默认有一个下划线；text-decoration: none;
    2、不会继承父级的颜色样式；
功能：
    1、跳转页面；
        href        要跳转的地址（没地址的情况下可以写#）；
                    网络地址
                    本地地址
        target      目标点
                    _blank   新页面打开
                    _self    在本页面打开（默认）
    2、锚点；
        在href属性当中写上#name，name对应id的值；
    3、用来下载；


-->
<a href="#green">绿色</a>
<a href="#blue">蓝色</a>
<a href="#pink">粉色</a>
<a href="#yellow">黄色</a>
<div id="green">绿色</div>
<div id="blue">蓝色</div>
<div id="pink">粉色</div>
<div id="yellow">黄色</div>

</body>
</html>